<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cookie 存储</title>
</head>
<!-- 
    cookle:
        一、使用场景

        1、记住密码，下次自动登录
        2、记录用户浏览数据,进行商品(广告)推荐

        二 特点:

        1、cookie保存在浏览器端
        2、单个cookle保存的数据不能超过4kb
        3、cookie中的数据是以域名的形式进行区分的
        4、cookie中的数据是有过期时间的,超过时间数据会被浏览器自动删除
        5、cookie中的数据会随着请求被自动发送到服务器端

        三、

        由于cookie存储机制有很多缺点，HTML5不再使用它,转而使用改良后的WebStorage存储机制。(localStorage和sessionStorage)
        cookie一条数据大小不能超过4KB ，最多不能存储超过20条，如果没有设置过期时间，那么在浏览器关闭后消失
 -->
<body>
    <script>
        //    1. 创建      服务器端打开  live Server
        // document.cookie='"username=John Doe"';

        //2. 设置过期时间  expires
        document.cookie = "username=John Doe; expires=Thu, 18 Dec 2024 12:00:00 GMT";

        //3.读取
        console.log(document.cookie);


        function setCookie(cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d. toUTCString() ;
            document.cookie = cname + "=" + cvalue + "; " + expires;
        }

        setCookie('pwd',8888,1)
    </script>
</body>
</html>